home *** CD-ROM | disk | FTP | other *** search
/ PC Users 1999 April / Cd Pc Users extra 19 abril 1999.iso / Prog / Inst / Js02 / js02.exe / js / animimg.js < prev    next >
Encoding:
Text File  |  1999-02-24  |  9.2 KB  |  252 lines
  1. function Anim_Img (signe_browser,NbImg,NameId,NumberId,LeftPos,TopPos,TimeOutId){
  2.  
  3.     var meja=null;
  4.  
  5.  
  6.  
  7.  
  8.     var IMGANIM='';
  9.     var IMGANIM1='';
  10.     var IMGANIM2='';
  11.     var IMGANIM3='';
  12.  
  13.     var IMGANIMNav1='';
  14.     var IMGANIMForm='';
  15.     var jAnim=0;
  16.     var iAnim=0;
  17.  
  18.  
  19.  
  20.     IMGANIM1  ='<HTML>  \n';   
  21.     IMGANIM1 +='<HEAD>  \n';      
  22.     IMGANIM1 +='<TITLE>IMAGE animation: CROSS BROWSER DHTML/JAVASCRIPT: VERSION 1.00</TITLE>  \n';      
  23.     IMGANIM1 +='<STYLE TYPE="text/css">  \n';      
  24.     IMGANIM1 +='#'+NameId+' {position:absolute; LEFT:'+LeftPos+'; TOP:'+TopPos+';}  \n'; 
  25.     IMGANIM1 +='BODY {background: url(../image/snm_bgsawo.jpg); background-position: -120 0;}  \n';     
  26.     IMGANIM1 +='</STYLE>  \n';      
  27.     IMGANIM1 +='<SCRIPT LANGUAGE="javascript" SRC="../jscripts/initv01.js"></SCRIPT>  \n';      
  28.     IMGANIM1 +='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/browser01.js"></SCRIPT>  \n';      
  29.     IMGANIM1 +='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/animv02.js"></SCRIPT>  \n';     
  30.     
  31.  
  32.  
  33.  
  34.     IMGANIM1 +='<SCRIPT LANGUAGE="JavaScript">  \n';     
  35.     IMGANIM1 +='//  \n';   
  36.     IMGANIM1 +='//    IMAGE SUITE FOR animation  \n';   
  37.     IMGANIM1 +='//  \n';  
  38.  
  39.  
  40.      for (var j=0; j < NbImg; j++){
  41.  
  42.         IMGANIM1 +='     // \n';
  43.         IMGANIM1 +='     // IMAGE N0: '+j+' \n';
  44.         IMGANIM1 +='     // \n';
  45.  
  46.         
  47.         
  48.         jAnim=j-4*iAnim;
  49.         
  50.         
  51.  
  52.         // if (jAnim==0) var IMGSRC=dataimage[valuehide1];
  53.         // if (jAnim==1) var IMGSRC=dataimage[valuehide1];
  54.         // if (jAnim==2) var IMGSRC=dataimage[valuehide1];
  55.         // if (jAnim==3) var IMGSRC=dataimage[valuehide1];
  56.         
  57.         var IMGSRC=dataimage[j+1];
  58.  
  59.  
  60.  
  61.         IMGANIM1 +='    '+NameId+'img'+j+' = new Image();  \n';
  62.         IMGANIM1 +='    '+NameId+'img'+j+'.src = "'+IMGSRC+'";  \n';
  63.         var l=j+1;
  64.  
  65.         IMGANIMNav1 +='<DIV ID=ANIMIMAGELY'+l+' STYLE="visibility:hidden; position:absolute; left:0; Top:0;"><A HREF="javascript://" OnMouseOver="stop_anim(1);" OnMouseOut="stop_anim(0);" OnClick="return false;"><IMG BORDER=0 SRC="'+IMGSRC+'" ALT="PLZ MOVE OUT YOUR MOUSE TO CONTINUE THIS ANIMATION!"></A></DIV>';
  66.  
  67.         if (j==3+iAnim*4) iAnim=iAnim+1;
  68.         
  69.  
  70.     }
  71.  
  72.     IMGANIM1 +='//  \n';   
  73.     IMGANIM1 +='//  \n';   
  74.     IMGANIM1 +='//  \n';   
  75.  
  76.  
  77.  
  78.     IMGANIM1 +='var nbrowser=-1;   \n';   
  79.     IMGANIM1 +='function check_browser(){   \n';     
  80.     IMGANIM1 +='    get_browser();  \n';      
  81.     IMGANIM1 +='      if (browser.name ==  "Microsoft Internet Explorer")   nbrowser=1;  \n';      
  82.     IMGANIM1 +='      if (browser.name ==  "Navigator Netscape") nbrowser=0;  \n';    
  83.     IMGANIM1 +='    animation();  \n';   
  84.     IMGANIM1 +='}   \n';     
  85.     IMGANIM1 +='var signe_'+NameId+'img=0;  \n';   
  86.     IMGANIM1 +='function animation() {  \n';   
  87.     IMGANIM1 +='    if (signe_'+NameId+'img==0) animationV02(nbrowser,'+NumberId+','+NbImg+',"'+NameId+'","'+NameId+'img","true",0,'+TimeOutId+');  \n';   
  88.     IMGANIM1 +='    if (signe_'+NameId+'img==1) animationV02(nbrowser,'+NumberId+','+NbImg+',"'+NameId+'","'+NameId+'img","false",0,'+TimeOutId+');  \n';   
  89.     IMGANIM1 +='}  \n';   
  90.     IMGANIM1 +='function end_animationV02(){  \n';   
  91.     IMGANIM1 +='}  \n';   
  92.     IMGANIM1 +='</SCRIPT>     \n';  
  93.     IMGANIM2 +='</HEAD>   \n';  
  94.  
  95.     IMGANIM2 +='<BODY>   \n';     
  96.     IMGANIM2 +='<DIV ID='+NameId+'>  \n';   
  97.     IMGANIM2 +='<A HREF="JavaScript://" OnMouseOver="signe_'+NameId+'img=1;animation();" OnMouseOut="signe_'+NameId+'img=0;animation();" >  \n';   
  98.     IMGANIM2 +='<img border=0 NAME = "'+NameId+'img" src="../image/snm_pzlyellow.gif" ALT="PLZ MOVE OUT YOUR MOUSE TO CONTINUE THIS ANIMATION!"></A>  \n';   
  99.     IMGANIM2 +='</DIV>  \n';   
  100.     IMGANIM3 +='</BODY>  \n';      
  101.     IMGANIM3 +='</HTML>  \n';   
  102.     IMGANIM3 +='<SCRIPT>var tc=check_browser();</SCRIPT>  \n';   
  103.  
  104.  
  105.     var LiveRef='<BASE HREF="http://www.buana.com/content/">  \n'; 
  106.     var ButtonSelect1  ='<SCRIPT LANGUAGE="JavaScript" SRC="../jscripts/objvisv01.js"></SCRIPT>  \n';
  107.     ButtonSelect1 +='<SCRIPT LANGUAGE="javascript" SRC="../jscripts/liveim2v01.js"></SCRIPT>  \n';
  108.     ButtonSelect1 +='<SCRIPT LANGUAGE="javascript">  \n';
  109.     ButtonSelect1 +='//  \n';
  110.     ButtonSelect1 +='// IMAGE SETUP FOR SELECTS BUTTON  \n';
  111.     ButtonSelect1 +='//  \n';
  112.     ButtonSelect1 +='SELECT1img1click = new Image();  \n';
  113.     ButtonSelect1 +='SELECT1img1click.src = "../image/snm_code_click.gif";  \n';
  114.     ButtonSelect1 +='SELECT1img1over = new Image();  \n';
  115.     ButtonSelect1 +='SELECT1img1over.src = "../image/snm_code_over.gif";  \n';
  116.     ButtonSelect1 +='SELECT1img1out = new Image();  \n';
  117.     ButtonSelect1 +='SELECT1img1out.src = "../image/snm_code.gif";  \n';
  118.     ButtonSelect1 +='//  \n';
  119.     ButtonSelect1 +='SELECT2img2click = new Image();  \n';
  120.     ButtonSelect1 +='SELECT2img2click.src = "../image/snm_preview_click.gif";  \n';
  121.     ButtonSelect1 +='SELECT2img2over = new Image();  \n';
  122.     ButtonSelect1 +='SELECT2img2over.src = "../image/snm_preview_over.gif";  \n';
  123.     ButtonSelect1 +='SELECT2img2out = new Image();  \n';
  124.     ButtonSelect1 +='SELECT2img2out.src = "../image/snm_preview.gif";  \n';
  125.     ButtonSelect1 +='//  \n';
  126.     ButtonSelect1 +='SELECT3img3click = new Image();  \n';
  127.     ButtonSelect1 +='SELECT3img3click.src = "../image/snm_back_click.gif";  \n';
  128.     ButtonSelect1 +='SELECT3img3over = new Image();  \n';
  129.     ButtonSelect1 +='SELECT3img3over.src = "../image/snm_back_over.gif";  \n';
  130.     ButtonSelect1 +='SELECT3img3out = new Image();  \n';
  131.     ButtonSelect1 +='SELECT3img3out.src = "../image/snm_back.gif";  \n';
  132.     ButtonSelect1 +='function select_over(k){  \n';
  133.     ButtonSelect1 +='    ly1="SELECT";  \n';
  134.     ButtonSelect1 +='    ly2="SELECT"+k;  \n';
  135.     ButtonSelect1 +='    Img=ly2+"img";  \n';
  136.     ButtonSelect1 +='    img_over2(nbrowser,ly1,ly2,Img,k);  \n';
  137.     ButtonSelect1 +='}  \n';
  138.     ButtonSelect1 +='function select_out(k){  \n';
  139.     ButtonSelect1 +='    ly1="SELECT";  \n';
  140.     ButtonSelect1 +='    ly2="SELECT"+k;  \n';
  141.     ButtonSelect1 +='    Img=ly2+"img";  \n';
  142.     ButtonSelect1 +='    img_out2(nbrowser,ly1,ly2,Img,k);  \n';
  143.     ButtonSelect1 +='}  \n';
  144.     ButtonSelect1 +='function select_click(k){  \n';
  145.     ButtonSelect1 +='    ly1="SELECT";  \n';
  146.     ButtonSelect1 +='    ly2="SELECT"+k;  \n';
  147.     ButtonSelect1 +='    Img=ly2+"img";  \n';
  148.     ButtonSelect1 +='    img_click2(nbrowser,ly1,ly2,Img,k);  \n';
  149.  
  150.     ButtonSelect1 +='    if (k==3) parent.frames[1].history.go(-1);  \n';
  151.     ButtonSelect1 +='    if (k==1) Obj_Vis(nbrowser,1,"'+NameId+'","hidden");  \n';
  152.     ButtonSelect1 +='    if (k==1) Obj_Vis(nbrowser,1,"SOURCE","inherit");  \n';
  153.  
  154.     ButtonSelect1 +='    if (k==2) Obj_Vis(nbrowser,1,"SOURCE","hidden");  \n';
  155.     ButtonSelect1 +='    if (k==2) Obj_Vis(nbrowser,1,"'+NameId+'","inherit");  \n';
  156.     ButtonSelect1 +='}  \n';
  157.     ButtonSelect1 +='</SCRIPT>  \n';
  158.     
  159.     var ButtonSelect2  ='<DIV ID=SELECT STYLE="position:absolute; left:10; top:0;">  \n';
  160.     ButtonSelect2 +='    <DIV ID=SELECT1 STYLE="position:absolute; left:20; top:0;">  \n';
  161.     ButtonSelect2 +='        <A HREF="javascript://"  \n';
  162.     ButtonSelect2 +='        OnMouseOver="select_over(1)"  \n';
  163.     ButtonSelect2 +='        OnMouseOut="select_out(1)"  \n';
  164.     ButtonSelect2 +='        OnClick="select_click(1); return false;">  \n';
  165.     ButtonSelect2 +='        <IMG BORDER=0 NAME=SELECT1img SRC="../image/snm_code.gif"></A>  \n';
  166.     ButtonSelect2 +='    </DIV>  \n';
  167.     ButtonSelect2 +='    <DIV ID=SELECT2 STYLE="position:absolute; left:120; top:0;">  \n';
  168.     ButtonSelect2 +='        <A HREF="javascript://"  \n';
  169.     ButtonSelect2 +='        OnMouseOver="select_over(2)"  \n';
  170.     ButtonSelect2 +='        OnMouseOut="select_out(2)"  \n';
  171.     ButtonSelect2 +='        OnClick="select_click(2); return false;">  \n';
  172.     ButtonSelect2 +='        <IMG BORDER=0 NAME=SELECT2img SRC="../image/snm_preview.gif"></A>  \n';
  173.     ButtonSelect2 +='    </DIV>  \n';
  174.     ButtonSelect2 +='    <DIV ID=SELECT3 STYLE="position:absolute; left:220; top:0;">  \n';
  175.     ButtonSelect2 +='        <A HREF="javascript://"  \n';
  176.     ButtonSelect2 +='        OnMouseOver="select_over(3)"  \n';
  177.     ButtonSelect2 +='        OnMouseOut="select_out(3)"  \n';
  178.     ButtonSelect2 +='        OnClick="select_click(3); return false;">  \n';
  179.     ButtonSelect2 +='        <IMG BORDER=0 NAME=SELECT3img SRC="../image/snm_back.gif"></A>  \n';
  180.     ButtonSelect2 +='    </DIV>  \n';
  181.     ButtonSelect2 +='</DIV>  \n';
  182.  
  183.     screen_width();
  184.  
  185.     if (MyScreenWidth==800){
  186.         var MyRows=16;
  187.         var MyCols=50;
  188.     }else{
  189.         var MyRows=12;
  190.         var MyCols=38;
  191.     }
  192.  
  193.       IMGANIMForm  ='<FORM NAME=test> ';
  194.     IMGANIMForm +='<TEXTAREA NAME=test2 name=output ROWS='+MyRows+' COLS='+MyCols+'> ';
  195.     IMGANIMForm +=LiveRef+IMGANIM1+IMGANIM2+IMGANIM3;
  196.     IMGANIMForm +='</TEXTAREA> ';
  197.     IMGANIMForm +='</FORM > ';
  198.  
  199.     var IMGANIMFormDiv  ='<DIV ID=SOURCE STYLE="visibility:hidden; position:absolute; left:10; top:30;"> \n';
  200.     IMGANIMFormDiv +=IMGANIMForm;
  201.     IMGANIMFormDiv +='</DIV> \n';
  202.  
  203.  
  204.  
  205.  
  206.  
  207.     if (signe_browser==1){
  208.  
  209.         // meja=window.open("","online","width=580,height=380,LEFT=0,TOP=0,menubar=yes");
  210.         // meja.document.write(IMGANIM);
  211.         // meja.document.close();
  212.         // meja.focus();
  213.  
  214.         IMGANIM=IMGANIM1+ButtonSelect1+IMGANIM2+ButtonSelect2+IMGANIMFormDiv+IMGANIM3;
  215.         
  216.         parent.frames[1].document.write(IMGANIM);
  217.         parent.frames[1].document.close();
  218.     }
  219.  
  220.     if (signe_browser==0){
  221.  
  222.  
  223.  
  224.  
  225.  
  226.         Obj_Vis(nbrowser,1,'CONTENT','hidden');
  227.  
  228.         
  229.  
  230.         document.SOURCE.document.open();
  231.         document.SOURCE.document.write(IMGANIMForm);
  232.         document.SOURCE.document.close();
  233.  
  234.         document.ANIMIMAGE.document.open();
  235.         document.ANIMIMAGE.document.write(IMGANIMNav1);
  236.         document.ANIMIMAGE.document.close();
  237.  
  238.         Obj_Vis(nbrowser,1,'SELECT','inherit');
  239.         Obj_Vis(nbrowser,1,'ANIMIMAGE','inherit');
  240.         window.scroll(0,0);
  241.         begin_timer2(1,NameId,0,0,0,0,0,1,500);
  242.     }
  243.  
  244. }
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.